<template>
  <div class="body vertical center ">
    <div class="txt_title">
      {{t('deposit_page_zsjebnw')}}:
    </div>
    <div class="txt_con">
      {{t('deposit_page_dyyx')}}
    </div>

    <div class="txt_title">
      {{t('deposit_page_mp')}}:
    </div>
    <div class="txt_con">
      {{t('deposit_page_mp_ven')}}
    </div>

    <div class="txt_title">
      {{t('deposit_page_km')}}:
    </div>
    <div class="txt_con">
      {{t('deposit_page_km_ven')}}
    </div>

    <div class="txt_title">
      {{t('deposit_page_mg')}}:
    </div>
    <div class="txt_con">
      {{t('deposit_page_mg_ven')}}
    </div>

    <div class="txt_title">
      {{t('deposit_page_jili')}}:
    </div>
    <div class="txt_con">
      {{t('deposit_page_jili_ven')}}
    </div>

    <div class="txt_title">
      {{t('deposit_page_tp')}}:
    </div>
    <div class="txt_con">
      {{t('deposit_page_tp_ven')}}
    </div>

    <div class="txt_title">
      {{t('deposit_page_v8')}}:
    </div>
    <div class="txt_con">
      {{t('deposit_page_v8_ven')}}
    </div>

  </div>
</template>

<script setup lang='ts'>
import { useI18n } from "vue-i18n";

const { t } = useI18n();
</script>

<style lang='scss' scoped>
.body {
  height: calc(var(--vh) * 100 - 55px - 65px);
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  padding: 28px 14px;

  .txt_title {
    margin-bottom: 6px;
  }
  .txt_con {
    color: #9E9EA9;
    margin-bottom: 14px;
  }
}
</style>